@import "./base.less";

header {
    text-align: center;
    height: 20vh;
    max-height: 20vh;
    width: 100%;
    min-width: @min-scrreen-width;
    overflow: auto;
}

section {
    text-align: center;
    height: 60vh;
    max-height: 60vh;
    padding: 0 !important;
    margin: 0 !important;

    .login {
        height: 100%;
        display: flex;
        flex-direction: row;
        padding: 50px;

        .login_left {
            display: block;
            flex: 1.2;
        }

        .login_right {
            color: white;
            position: relative;
            flex: 0.8;
            min-width: @min-scrreen-width;
            border: 1px solid @border-Color1;
            padding: 40px;
            background-color: #081118;


            .form {
                position: relative;
                line-height: 1.5vh;
                height: 100%;

                .register_text {
                    position: absolute;
                    right: 10px;
                    bottom: 10px;

                }

                .register_text:hover {
                    color: #768ce4;
                    cursor: pointer;
                }
            }

            #version {
                position: absolute;
                bottom: 5px;
                width: 81%;
                text-align: center;
            }
        }
    }
}

footer {
    text-align: center;
    height: 20vh;
    max-height: 20vh;
    position: relative;

    .remark {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
        color: @bor_title_color1;
        a{
            list-style: none;
            color: @bor_title_color1;
        }
    }
}

.register {

    .register_form {
        position: relative;
        width: 400px;
        border: 1px solid @border-Color1;
        margin: 160px auto;
        text-align: center;

        .header {
            color: white !important;
        }

        .form {     
            padding: 10px;
        }
    }
}